<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Index</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>
	<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
	<script type="text/javascript">
		var $=jQuery;
		var check = "#{UserSession.loginUser()}";
		
			jQuery("#down").css("visibility","visible");
	</script>
</h:head>
<h:body>
	<h:form id="elements">
	<!-- 	<h:outputLabel id="outtxt"  value="#{test.name}"/> -->
	
	<div id="toptop">
	<ui:insert name="toptop">
	Virtual Examination Platform
	</ui:insert>
	</div>
	<div id="top">
	<ui:insert name="top">
	<h:graphicImage value="resources/images/img.png"/>
	
	</ui:insert>
	</div>
	<div id="all">
	<ui:insert name="all">
		<div id="cred"  >
		<ui:insert name="cred">
		Username  :  <p:inputText id="username" style="border-radius:5px;" value="#{UserSession.user.username}">
						<p:ajax immediate="true" ></p:ajax>
					</p:inputText><br/>
					
		Password : <p:password id="passwd" style="border-radius:5px;" value="#{UserSession.user.password}"/><br/>
		</ui:insert>
		</div>
		<div id="figure" style="text-align:center;">
		<ui:insert name="down">
		<p:commandButton id="btn" value="Log in" action="#{UserSession.loginUnknownUser()}" onclick="return true;">
					     
						</p:commandButton>
		</ui:insert>
		</div>
		</ui:insert>
	</div>
	<div id="down">
	<ui:insert name="down">
	<h:outputLabel id = "uspas" value="Username or Password incorrect.">
	</h:outputLabel>
	</ui:insert>
	</div>
	</h:form>
	
</h:body>

</html>